<template>
  <h1>vue3.0初体验</h1>
  <div>{{number}}</div>
  <button @click="add">点击加一</button>
</template>

<script>
import { ref } from "vue";
export default {
  // data () {
  //     return {
  //         number:0
  //     }
  // },
  // methods:{
  //     add(){
  //         this.number++
  //     }
  // }
  setup() {
    const number = ref(0);
    const add = () => {
      number.value++;
    };
    return { number, add };
  },
};
</script>

<style>
</style>